<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <title>理财网站</title>
        <!-- build:css css/combined.css -->
        <link rel="stylesheet" href="css/normalize.css" type="text/css" media="all" />
        <link rel="stylesheet" href="js/vendor/owl.carousel.2.1.0/assets/owl.carousel.min.css">
        <link rel="stylesheet" href="js/vendor/owl.carousel.2.1.0/assets/owl.theme.default.min.css">
        <link rel="stylesheet" href="css/main.css" type="text/css" media="all" />
        <!-- endbuild -->
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupdate">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        <header>
            <nav class="top">
                <span class="tel">理财热线：400-800-8888</span>   
                <ul>
                   <li><a href="#">登录</a></li>  
                   <li><a href="#">快速注册</a></li>  
                   <li><a href="#">关于</a></li>  
                   <li><a href="#">帮助</a></li>  
                   <li><a href="#">APP下载</a></li>  
                </ul>
            </nav>
            <nav class="main">
                <a href="#" class="brand clearfix">
                    <img src="img/logo@1x.png" alt="回到首页">
                </a>
                <ul>
                    <li><a href="#">首页</a></li>  
                    <li><a href="#">理财频道</a></li>  
                    <li><a href="#">投资频道</a></li>  
                    <li><a href="#">新手专区</a></li>  
                    <li><a href="#">理财保障</a></li>  
                </ul>
            </nav>
        </header>
        <div class="container">
            <div class="transaction clearfix">
                <div class="trans-content">
                    <div class="trans-data">
                        <span>平台累计金额</span>
                        <span class="trans-money">19888</span>
                        <span>万元</span>
                    </div>
                    <div class="trans-data">
                        <span>过去日成交金额</span>
                        <span class="trans-money">1762</span>
                        <span>万元</span>
                    </div>
                    <div class="trans-report">
                        <a href="#">查看平台运营报告</a>
                    </div>
                </div>
            </div>
            <div class="ad">
                <div class="owl-carousel owl-theme">
                    <div class="item">
                        <picture>
                            <source srcset="img/ad001-l.png" media="(min-width:50em)">
                            <source srcset="img/ad001-m.png" media="(min-width:30em)">
                            <img src="img/ad001.png" alt="2015年度报告">
                        </picture>
                    </div>
                    <div class="item">
                        <picture>
                            <source srcset="img/ad002-l.png" media="(min-width:50em)">
                            <source srcset="img/ad002-m.png" media="(min-width:30em)">
                            <img src="img/ad002.png" alt="新年红包">
                        </picture>
                    </div>
                    <div class="item">
                        <picture>
                            <source srcset="img/ad003-l.png" media="(min-width:50em)">
                            <source srcset="img/ad003-m.png" media="(min-width:30em)">
                            <img src="img/ad003.png" alt="新手秘籍">
                        </picture>
                    </div>
<!--
                    <div class="item">
                        <img src="img/ad001.png" srcset="img/ad001m.png 480w,img/ad001-m.png 800w,img/ad001-l.png 1600w" sizes="(min-width:800px) 800px,100vw"/>
                    </div>
                    <div class="item">
                        <img src="img/ad002.png" srcset="img/ad002m.png 480w,img/ad002-m.png 800w,img/ad002-l.png 1600w" sizes="(min-width:800px) 800px,100vw"/>
                    </div>
                    <div class="item">
                        <img src="img/ad003.png" srcset="img/ad003m.png 480w,img/ad003-m.png 800w,img/ad003-l.png 1600w" sizes="(min-width:800px) 800px,100vw"/>
                    </div>
-->
                </div>
            </div>
            <section class="feature">
                <div class="item">
                    <h3>安全</h3>
                    <p>国家AAA信用平台<br>银行资金托管<br>上市公司背景保证</p>
                </div>
                <div class="item">
                    <h3>权威</h3>
                    <p>中央电视台推荐<br>互联网百强企业<br>标准起草单位</p>
                </div>
                <div class="item">
                    <h3>省心</h3>
                    <p>100元起投<br>用户利益保证机构<br>保险公司承诺</p>
                </div>
            </section>
            <div class="notice clearfix">
                <a class="" href="#"><span>2015-12-31</span>元旦期间业务受理值班公告</a>
                <a href="#" class="more">更多公告</a>
            </div>
            <section class="product clearfix">
                <h2>固定期限产品
                    <em>甄选优质基金</em>
                    <em>省时省力</em>
                    <em>坐等收益</em>
                </h2>
                <div class="product-content">
                    <div class="item clearfix">
                        <h3><em>3</em>个月</h3>
                        <div class="info">
                            <p>约定年化收益率：<span class="year-rate">3.50%<i>起</i></span>  </p>
                            <p>总成交金额：<span class="money">1880<i>万元</i></span>  </p>
                        </div>
                        <div class="buy">
                            <a href="#">购买</a>
                        </div>
                    </div>
                    <div class="item clearfix">
                        <h3><em>3-6</em>个月</h3>
                        <div class="info">
                            <p>约定年化收益率：<span class="year-rate">3.60%<i>起</i></span>  </p>
                            <p>总成交金额：<span class="money">2880<i>万元</i></span>  </p>
                        </div>
                        <div class="buy">
                            <a href="#">购买</a>
                        </div>
                    </div>
                    <div class="item clearfix">
                        <h3><em>6-12</em>个月</h3>
                        <div class="info">
                            <p>约定年化收益率：<span class="year-rate">4.50%<i>起</i></span>  </p>
                            <p>总成交金额：<span class="money">3880<i>万元</i></span>  </p>
                        </div>
                        <div class="buy">
                            <a href="#">购买</a>
                        </div>
                    </div>
                    <div class="item clearfix">
                        <h3><em>12-24</em>个月</h3>
                        <div class="info">
                            <p>约定年化收益率：<span class="year-rate">5.60%<i>起</i></span>  </p>
                            <p>总成交金额：<span class="money">4880<i>万元</i></span>  </p>
                        </div>
                        <div class="buy">
                            <a href="#">购买</a>
                        </div>
                    </div>
                    <div class="item clearfix">
                        <h3><em>24</em>个月以上</h3>
                        <div class="info">
                            <p>约定年化收益率：<span class="year-rate">6.20%<i>起</i></span>  </p>
                            <p>总成交金额：<span class="money">5880<i>万元</i></span>  </p>
                        </div>
                        <div class="buy">
                            <a href="#">购买</a>
                        </div>
                    </div>
                </div>
            </section>
            <nav class="footer">
                <div class="footer-content clearfix">
                    <p class="brand"></p>
                    <ul>
                        <li class="title">关于我们</li>
                        <li><a href="#">公司介绍</a></li>
                        <li><a href="#">业务模式</a></li>
                        <li><a href="#">合作机构</a></li>
                        <li><a href="#">服务介绍</a></li>
                    </ul>
                    <ul>
                        <li class="title">风险防范</li>
                        <li><a href="#">账户安全</a></li>
                        <li><a href="#">安全保障</a></li>
                    </ul>
                    <ul>
                        <li class="title">理财产品</li>
                        <li><a href="#">固定期限</a></li>
                        <li><a href="#">债权/散标</a></li>
                    </ul>
                    <ul>
                        <li class="title">交易帮助</li>
                        <li><a href="#">购买</a></li>
                        <li><a href="#">赎回</a></li>
                        <li><a href="#">提现</a></li>
                    </ul>
                    <ul>
                        <li class="title">机构服务</li>
                        <li><a href="#">机构中心</a></li>
                        <li><a href="#">合作联系</a></li>
                    </ul>
                </div>
            </nav>
        </div>
        <footer>
            <ul>
                <li><span class="icon icon-zfywxk">支付业务许可证</span></li>
                <li><span class="icon icon-pcirk">PCI认证</span></li>
                <li><span class="icon icon-visayz">Visa验证</span></li>
                <li><span class="icon icon-vsjmfw">VerSign加密服务</span></li>
                <li><span class="icon icon-wlgs">网络工商</span></li>
                <li><span class="icon icon-rzcx">电子商务协会认证</span></li>
                <li><span class="icon icon-gs">支付业务许可证</span></li>
            </ul>
            <p>中国北京互联网金融公司 版权所有 @ 2015-2016</p>
        </footer>
    <!-- build:js scripts/combined.js -->
    <script src="js/vendor/jquery.min.js"></script>
    <script src="js/vendor/owl.carousel.2.1.0/owl.carousel.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/vendor/picturefill.min.js"></script>
    <!-- endbuild -->
    </body>
</html>